<script setup>
</script>

<template>
    <el-card>
        <div class="header">
            <div class="pageMessage">
                <el-text>新增接口</el-text>
            </div>
            <div class="operations">
                <el-button type="danger">取消</el-button>
                <el-button type="success">保存</el-button>
            </div>
        </div>

        <div class="basicInfo">
            <el-form>
                <el-form-item label="接口请求">
                    <el-input size="small" style="width: 600px;">
                        <template #prepend>
                            <el-select v-model="select" placeholder="Select" style="width: 115px">
                                <el-option label="Restaurant" value="1" />
                                <el-option label="Order No." value="2" />
                                <el-option label="Tel" value="3" />
                            </el-select>
                        </template>
                    </el-input>
                </el-form-item>

                <el-row>
                    <el-col :span="4">
                        <el-form-item label="模块分类">
                            <el-select v-model="select" placeholder="Select" style="width: 115px">
                                <el-option label="Restaurant" value="1" />
                                <el-option label="Order No." value="2" />
                                <el-option label="Tel" value="3" />
                            </el-select>
                        </el-form-item>
                    </el-col>
                    <el-col :span="20">
                        <el-form-item label="接口名称" style="width:800px">
                            <el-input >
                            </el-input>
                        </el-form-item>
                    </el-col>
                </el-row>




            </el-form>
        </div>


    </el-card>
</template>


<style lang="scss" scoped>
.header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.basicInfo {
    margin-top: 30px;
}
</style>